import { Component, OnInit } from '@angular/core';
declare var $:any

@Component({
  selector: 'app-sideslip',
  templateUrl: './sideslip.component.html',
  styleUrls: ['./sideslip.component.css']
})
export class SideslipComponent implements OnInit {

 
  constructor() { }
  member0(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-cart").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
  member(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-user").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
  member1(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-control").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
    member2(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-count").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
      member3(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-notice").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
    member4(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-add").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
      member5(){
    $('.toolbar').animate({right:'0'},300);
    $(".toolbar-service").addClass('animated bounceInUp').show()
                         .siblings().removeClass('animated bounceInUp').hide();
  }
  closeslipe(){
    $('.toolbar-menu-center li').find('a').removeClass('current');
    $('.toolbar').animate({right:'-280px'},300);
            // aTcontent.hide();
  }
  goback(){
        $('body,html').animate({scrollTop:0},300);       
        return false;
  }
  ngOnInit() {
  }

}
